<template>
<div class="infinite-container">
   <mu-list class="message">     
    <mu-list-item title="医院介绍" class="bgwhite" to="/about">
      <i class="iconfont icon-small-arrow-right" slot="right"/>
    </mu-list-item>
    <mu-divider></mu-divider>
    <mu-list-item title="科室介绍" class="bgwhite" to="/about/depts">
      <i class="iconfont icon-small-arrow-right" slot="right"/>
    </mu-list-item>
    <mu-divider></mu-divider>
    <mu-list-item title="医生介绍" class="bgwhite" to="/about/doctors">
      <i class="iconfont icon-small-arrow-right" slot="right"/>
    </mu-list-item>
    <mu-divider></mu-divider>
    <mu-list-item title="院内导航" class="bgwhite" to="/about/nav">
      <i class="iconfont icon-small-arrow-right" slot="right"/>
    </mu-list-item>
    <mu-divider></mu-divider>
    <mu-list-item title="就诊指南" class="bgwhite" to="/about/guide">
      <i class="iconfont icon-small-arrow-right" slot="right"/>
    </mu-list-item>
    <mu-divider></mu-divider>
    <mu-list-item title="健康宣教" class="bgwhite" to="/about/news">
      <i class="iconfont icon-small-arrow-right" slot="right"/>
    </mu-list-item>
    <mu-divider></mu-divider>
    
    <!-- <div class="not-found">
      <div>暂无数据</div>
    </div> -->
  </mu-list>

</div>
</template>

<script>
export default {
  mounted () {
    this.$store.commit('UPDATE_FOOTER')
  },
  destroyed () {
    this.$store.commit('UPDATE_FOOTER')
  }
}
</script>

<style lang="less" scoped>
.message{
  .mu-item-left{
    width: auto;
    left: 12px;
  }
}
</style>
